/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .7s;transition:all .7s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* 公用标题 */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}





/* 搜索 */

.box_01{width:100%;height:84px;border-bottom:solid 1px #f0f0f0;position:relative;}



.box_01 .center{width:1280px;height:84px;margin:0 auto;}



.box_01 .center .txt{font-size:14px;color:#6e6e6e;line-height:84px;float:left;}



.box_01 .center .txt span{display:inline-block;height:84px;padding:0 18px;position:relative;}



.box_01 .center .txt span:nth-of-type(1){padding-left:0;}



.box_01 .center .txt span::after{content:'';width:1px;height:14px;background:#b2b2b2;position:absolute;right:0;top:35px;}



.box_01 .center .txt span:last-child::after{content:'';width:1px;height:0px;background:#b2b2b2;position:absolute;right:0;top:35px;}



.box_01 .center .ss{width:296px;height:42px;background:url(../img/ss_bk.png) left center no-repeat;overflow:hidden;float:right;margin:21px 0;}



.box_01 .center .ss .input{width:210px;height:42px;line-height:42px;color:#6e6e6e;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 20px;box-sizing:content-box;float:left;}



.box_01 .center .ss .buttons{width:42px;height:42px;display:inline-block;background:url(../img/search.png) center center no-repeat;cursor:pointer;border:none;float:right;}



.box_01 .center .ss .input::-webkit-input-placeholder{color:#6e6e6e !important;}







/* 产品中心 */

.box_02{width:100%;height:auto;padding:70px 0;overflow:hidden;}



.box_02 .h_title{width:1280px;height:auto;margin:0 auto;text-align:center;}



.box_02 .h_title h3{font-size:44px;color:#0c3a91;font-weight:bold;line-height:46px;}



.box_02 .h_title h3 a{color:#0c3a91;}



.box_02 .h_title p{font-size:18px;color:#757575;line-height:18px;margin-top:16px;}



.box_02 .fl_list{width:1285px;height:52px;margin:40px auto 0 auto;display:flex;justify-content: space-between;position:relative;z-index:2;}



.box_02 .fl_list::before{content:'';width:1521px;height:52px;background:url(../img/pro_icon.png) center center no-repeat;position:absolute;right:-131px;top:0;z-index:-1;}



.box_02 .fl_list li{width:214px;height:52px;background:url(../img/pro_bk01.png);overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .fl_list li.active{background:url(../img/pro_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .fl_list li a{display:block;font-size:16px;color:#333;line-height:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .fl_list li.active a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list{width:1285px;height:760px;margin:20px auto 0 auto;}



.box_02 .pro_list li{width:280px;height:340px;margin:30px 26px 0 0;padding:10px 10px 0 10px;overflow:hidden; background:#f9f9f9;float:left;}



.box_02 .pro_list li:nth-of-type(4n){margin-right:0;}



.box_02 .pro_list li a{display:block;}



.box_02 .pro_list li .img{width:280px;height:200px;overflow:hidden;}



.box_02 .pro_list li .img img{display:block;width:280px;height:200px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_02 .pro_list li:hover .img img{transform: scale(1.1);}



.box_02 .pro_list li .name{height:30px;margin:15px auto 0 auto;font-size:16px;color:#333;line-height:16px;position:relative;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_02 .pro_list li .name::after{content:'';width:30px;height:2px;background:#e0e0e1;position:absolute;left:50%;margin-left:-15px;bottom:0;}



.box_02 .pro_list li p{margin:15px auto 0 auto;font-size:14px;color:#666;line-height:15px;position:relative;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





.box_02 .pro_list li .more{width:80px;height:32px;background:#ebebeb;border-radius:4px;margin:15px auto 0 auto;font-size:14px;color:#868686;line-height:32px;text-align:center;overflow:hidden;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li.active .more{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li .more::after{content: "";position: absolute;width:0;height:0;background:#0c3a91;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}



.box_02 .pro_list li.active .more::after{width: 100%;height: 100%;transform: translate(-50%, -50%) rotateZ(360deg);}







/* 企业优势 */

.box_03{width:100%;height:793px;padding-top:100px; background:url(../img/ys_back.jpg) center top no-repeat;overflow:hidden;}



.box_03 .h_title{width:1280px;height:auto;margin:0 auto;text-align:center;}



.box_03 .h_title h3{font-size:44px;color:#0c3a91;font-weight:bold;line-height:46px;}



.box_03 .h_title p{font-size:18px;color:#757575;line-height:18px;margin-top:16px;}



.box_03 .look_center{width:1280px;height:560px;margin:60px auto 0 auto;position:relative;z-index:2;}



.box_03 .look_center .hd{width:315px;height:560px;float:left;position:relative;z-index:5;}



.box_03 .look_center .hd ul{width:315px;height:560px;}



.box_03 .look_center .hd ul li{width:280px;height:66px;padding:37px 0 37px 35px;background:url(../img/ys_bk01.png);position:relative;z-index:2;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li::after{content:'';width:0px;height:140px;background:url(../img/ys_bk01.png);position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li.on::after{content:'';width:354px;height:140px;background:url(../img/ys_bk02.png);position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li .icon{width:66px;height:66px;border-radius:33px;float:left;margin-right:26px;background:#e9e9e9;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li.on .icon{background:#ed6a00;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li .icon i{display:block;width:66px;height:66px;}



.box_03 .look_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_03 .look_center .hd ul li:nth-of-type(1) .icon i{ background:url(../img/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(2) .icon i{ background:url(../img/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(3) .icon i{ background:url(../img/ys_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(4) .icon i{ background:url(../img/ys_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(1).on .icon i{ background:url(../img/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(2).on .icon i{ background:url(../img/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(3).on .icon i{ background:url(../img/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li:nth-of-type(4).on .icon i{ background:url(../img/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li .txt{width:auto;height:66px;float:left;}



.box_03 .look_center .hd ul li .txt h4{font-size:22px;color:#333;font-weight:bold;line-height:24px;margin-top:10px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li .txt p{font-size:12px;color:#b5b5b5;line-height:10px;text-transform: Uppercase;font-family:Arial;margin-top:12px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li.on .txt h4{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd ul li.on .txt p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd .arrow{width:115px;height:40px;position:absolute;left:1125px;bottom:130px;z-index:9;cursor:pointer;}



.box_03 .look_center .hd .arrow .prev{width:40px;height:40px;background:url(../img/ys_jt_01.png) center center no-repeat #fff;border-radius:27px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd .arrow .next{width:40px;height:40px;background:url(../img/ys_jt_03.png) center center no-repeat #fff;border-radius:27px;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd .arrow .prev:hover{background:url(../img/ys_jt_02.png) center center no-repeat #fb9701;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .hd .arrow .next:hover{background:url(../img/ys_jt_04.png) center center no-repeat #fb9701;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .look_center .bd{width:965px;height:560px;float:right;}



.box_03 .look_center .bd .main{width:965px;height:560px;position:relative;}



.box_03 .look_center .bd .main .img{width:965px;height:560px;overflow:hidden;}



.box_03 .look_center .bd .main .img img{display:block;width:965px;height:560px; vertical-align:top;}



.box_03 .look_center .bd .main .txt{width:475px;height:220px;padding:0 40px;background:rgba(15,58,145,0.8);position:absolute;bottom:0;right:0;border-radius:60px 0 0 0;overflow:hidden;}



.box_03 .look_center .bd .main .txt h4{font-size:22px;color:#fff;line-height:24px;font-weight:bold;margin-top:55px;}



.box_03 .look_center .bd .main .txt .line{width:35px;height:2px; background:#fff;margin-top:15px;}



.box_03 .look_center .bd .main .txt p{font-size:16px;color:#fff;line-height:30px;margin-top:28px;}









/* 关于我们 */

.box_04{width:100%;height:505px;padding-top:90px; background:url(../img/ab_back.jpg) center top no-repeat;overflow:hidden;}



.box_04 .center{width:1280px;height:415px;margin:0 auto;}



.box_04 .center .img{width:555px;height:415px;float:left;overflow:hidden;position:relative;}



.box_04 .center .img img{display:block;width:555px;height:415px;}



.box_04 .center .img:before{background:rgba(255,255,255,0.2);bottom:0;content:'';left:50%;position:absolute;right:51%;top:0;opacity:1;pointer-events:none}



.box_04 .center .img:after{background:rgba(255,255,255,0.2);bottom:50%;content:'';left:0;position:absolute;right:0;top:50%;opacity:1;pointer-events:none}



.box_04 .center .img:hover:before{left:0;right:0;opacity:0;-webkit-transition:all 900ms ease-in;-o-transition:all 900ms ease-in;transition:all 900ms ease-in}



.box_04 .center .img:hover:after{top:0;bottom:0;opacity:0;-webkit-transition:all 900ms ease-in;-o-transition:all 900ms ease-in;transition:all 900ms ease-in}



.box_04 .center .txt{width:660px;height:415px;float:right;overflow:hidden;position:relative;}



.box_04 .center .txt h3{font-size:26px;color:#333;font-weight:bold;line-height:28px;margin-top:40px;}



.box_04 .center .txt span{display:block;font-size:12px;color:#c2c2c2;text-transform: Uppercase;font-family:Arial;line-height:10px;margin-top:23px;}



.box_04 .center .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:140px;font-size:16px;color:#666;margin-top:40px;}



.box_04 .center .txt .more{display:block;width:134px;height:54px;background:#0c3a91;position:relative;z-index:2;margin-top:40px;font-size:14px;color:#fff;line-height:54px;text-align:center;}



.box_04 .center .txt .more::before{content:'';width:0px;height:54px;background:#fb9701;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .txt .more:hover::before{content:'';width:134px;height:54px;background:#fb9701;;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}


@media(max-width:768px)
{
  .box_04 .center .img{width:1000px!important;float:none;}
  .box_04 .center .txt{width:100%!important;float:none;}
}




/* 新闻资讯 */

.box_05{width:100%;height:auto;padding:85px 0;overflow:hidden;}



.box_05 .h_title{width:1280px;height:auto;margin:0 auto;text-align:center;}



.box_05 .h_title h3{font-size:44px;color:#0c3a91;font-weight:bold;line-height:46px;}



.box_05 .h_title h3 a{color:#0c3a91;}



.box_05 .h_title p{font-size:18px;color:#757575;line-height:18px;margin-top:16px;}









.box_05 .center{width:1280px;height:650px;margin:40px auto 0 auto;}

















.box_05 .center .news_center{width:725px;height:650px;float:left;overflow:hidden;}



.box_05 .center .news_center .hd{width:725px;height:65px;margin-bottom:25px;overflow:hidden; background:#f8f8f8;}



.box_05 .center .news_center .hd ul{width:320px;height:65px;overflow:hidden;display:flex;justify-content: space-between;float:left;}



.box_05 .center .news_center .hd ul li{width:160px;height:65px;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd ul li::before{content:'';width:160px;height:0px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd ul li.on::before{content:'';width:160px;height:65px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd ul li a{display:block;width:160px;font-size:20px;color:#333;line-height:65px;font-weight:bold;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd .more{display:block;width:110px;height:65px;float:right;font-size:14px;color:#8b8b8b;line-height:65px;text-align:center;position:relative;z-index:2;text-transform: Uppercase;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd .more:hover{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd .more::before{content:'';width:110px;height:0px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .hd .more:hover::before{content:'';width:110px;height:65px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd{width:725px;height:560px;overflow:hidden;position:relative;}



.box_05 .center .news_center .bd .main{width:725px;height:560px;overflow:hidden;position:relative;}



.box_05 .center .news_center .bd .main .top{width:725px;height:375px;overflow:hidden;}



.box_05 .center .news_center .bd .main .top li{width:345px;height:375px;float:left;position:relative;}



.box_05 .center .news_center .bd .main .top li:nth-of-type(2n){float:right;}



.box_05 .center .news_center .bd .main .top li a{display:block;}



.box_05 .center .news_center .bd .main .top li .img{width:345px;height:250px;overflow:hidden;}



.box_05 .center .news_center .bd .main .top li .img img{display:block;width:345px;height:250px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_05 .center .news_center .bd .main .top li:hover .img img{transform: scale(1.1);}



.box_05 .center .news_center .bd .main .top li .name{font-size:16px;color:#333;line-height:18px;font-weight:bold;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .top li:hover .name{color:#0c3a91; letter-spacing:1px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .top li p{font-size:14px;color:#888;line-height:15px;margin-top:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_05 .center .news_center .bd .main .top li span{display:block;font-size:14px;color:#bdbdbd;line-height:12px;position:absolute;left:0;bottom:0;}



.box_05 .center .news_center .bd .main .list{width:725px;height:160px;margin-top:25px;}



.box_05 .center .news_center .bd .main .list li{width:725px;height:80px;position:relative;}



.box_05 .center .news_center .bd .main .list li::before{content:'';width:725px;height:1px;background:#ebebeb;position:absolute;left:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .list li::after{content:'';width:0px;height:1px;background:#0c3a91;position:absolute;left:50%;margin-left:-0px;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .list li:hover::after{content:'';width:726px;height:1px;background:#0c3a91;position:absolute;left:50%;margin-left:-363px;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .list li a{display:block;}



.box_05 .center .news_center .bd .main .list li .name{padding-left:25px;width:450px;font-size:15px;color:#666;line-height:80px;background:url(../img/dian01.png) left center no-repeat;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .list li:hover .name{color:#0c3a91;background:url(../img/dian02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .news_center .bd .main .list li span{display:block;font-size:14px;color:#bdbdbd;line-height:80px;float:right;font-family:Arial;}



.box_05 .center .right{width:510px;height:650px;overflow:hidden;float:right;}



.box_05 .center .right .bt{width:510px;height:65px;margin-bottom:25px;overflow:hidden;background:#f8f8f8;}



.box_05 .center .right .bt h4{width:160px;font-size:20px;color:#333;line-height:65px;font-weight:bold;text-align:center;float:left;}



.box_05 .center .right .bt .more{display:block;width:110px;height:65px;float:right;font-size:14px;color:#8b8b8b;line-height:65px;text-align:center;position:relative;z-index:2;text-transform: Uppercase;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .bt .more:hover{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .bt .more::before{content:'';width:110px;height:0px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .bt .more:hover::before{content:'';width:110px;height:65px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list{width:510px;height:496px;padding-top:10px;overflow:hidden;background:#f8f8f8;}



.box_05 .center .right .list li{width:460px;height:90px;padding:0 25px;position:relative;z-index:2;overflow:hidden;border-bottom:solid 1px #fff;}



.box_05 .center .right .list li:last-child{border-bottom:none;}



.box_05 .center .right .list li::before{content:'';width:510px;height:0px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li:hover::before{content:'';width:510px;height:90px;background:#0c3a91;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li::after{content:'';width:32px;height:90px;background:url(../img/news_jt.png) center center no-repeat;position:absolute;top:0;right:0;opacity:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li:hover::after{content:'';width:32px;height:90px;background:url(../img/news_jt.png) center center no-repeat;position:absolute;top:0;right:25px;opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li a{display:block;}



.box_05 .center .right .list li .name{padding-left:25px;width:350px;font-size:15px;color:#666;line-height:90px;background:url(../img/dian01.png) left center no-repeat;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li:hover .name{color:#fff;background:url(../img/dian03.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li span{display:block;font-size:14px;color:#bdbdbd;line-height:90px;float:right;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .right .list li:hover span{opacity:0;-webkit-transition:all .7s;transition:all .7s;}











/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.3s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:1.2s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.3s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}